<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>产品页</title>
		<link rel="stylesheet" href="css/common.css" type="text/css" />
		<link rel="stylesheet" href="css/product.css" ttype="text/css" />
	</head>
	<body>
		<!--主体-->
		<div class="web">
			<header>
				<div class="top">
					<div class="main">
						<span>全国热线:88888888888</span>
						<div class="link fr">
							<a href="#">设置首页</a>
							<a href="#">添加收藏</a>
						</div>
					</div>
				</div>
				<!--导航-->
				<nav>
					<div class="navmain clearfix">
					<div class="logo">
						<a href=""><img src="img/nav_left_03.jpg" alt="" /></a>
					</div>
					<ul class="fr clearfix">
						<li class="active">
							<a href="index.html">
							<p>首页</p>
							<p>Home</p>
							</a>
						</li>
						<li>
							<a href="productxiangxi.html">
							<p>关于我们</p>
							<p>About</p>
							</a>
						</li>
						<li>
							<a href="product.html">
							<p>产品中心</p>
							<p>Products</p>
							</a>
						</li>
						<li>
							<a href="">
							<p>服务支持</p>
							<p>Service</p>
							</a>
						</li>
						<li>
							<a href="">
							<p>新闻中心</p>
							<p>News</p>
							</a>
						</li>
						<li>
							<a href="">
							<p>在线商店</p>
							<p>Shop</p>
							</a>
						</li>
						<li>
							<a href="">
							<p>联系我们</p>
							<p>Contact Us</p>
							</a>
						</li>
					</ul>
				</div>
				</nav>
			</header>
			
			<!--banner部分图片-->
			<div class="bg">
			<div class="bannerphoto">
				<a href=""><img src="img/productbanner.jpg" alt="" /></a>
			</div>
			
			<!--当前导航-->
			
			<div class="nownav">
				<p>首页 &gt; 新品发布</p>
			</div>
			
			<!--系列-->
			<div class="xilie">
				<div class="xiliecontent clearfix">
					<ul>
						<li>
							<p>百万高清系列</p>
							<img src="img/xilieicon.png" alt="" />
						</li>
						<li><p>标清系列</p></li>
						<li><p>户外防水系列</p></li>
						<li><p>室内系列</p></li>
					</ul>
				</div>
			</div>
			
			<!--搜索框-->
			
			<div class="search">
				<div class="searchcontent">
					<input type="search" id="search" placeholder="搜索产品" />
					<div class="searchbutton">
					<input type="image" src="img/search.png" />
					</div>
				</div>
				
			</div>
			
			<!--产品展示-->
			<div class="productshow">
				<div class="productshowcontent clearfix">
					<ul>
						<li>
							<div class="show1">
								<a href=""><img src="img/show1.jpg"/></a>
							</div>
							<h4>S6202Y-WR</h4>
							<p>100万无线高清 64GB TF卡语音对讲 只能连接 手机收到收到啊</p>
						</li>
						<li>
							<div class="show1">
								<a href=""><img src="img/show2.jpg"/></a>
							</div>
							<h4>S6223Y-WR</h4>
							<p>100万无线高清 64GB TF卡语音对讲 只能连接 手机收到收到啊</p>
						</li>
						<li>
							<div class="show1">
								<a href=""><img src="img/show3.jpg"/></a>
							</div>
							<h4>S6208Y-WR</h4>
							<p>100万无线高清 64GB TF卡语音对讲 只能连接 手机收到收到啊</p>
						</li>
						<li>
							<div class="show1">
								<a href=""><img src="img/show4.jpg"/></a>
							</div>
							<h4>S6211Y-WR</h4>
							<p>100万无线高清 64GB TF卡语音对讲 只能连接 手机收到收到啊</p>
						</li>
						<li>
							<div class="show1">
								<a href=""><img src="img/show5.jpg"/></a>
							</div>
							<h4>S6262Y-WR</h4>
							<p>100万无线高清 64GB TF卡语音对讲 只能连接 手机收到收到啊</p>
						</li>
						<li>
							<div class="show1">
								<a href=""><img src="img/show6.jpg"/></a>
							</div>
							<h4>S6256Y-WR</h4>
							<p>100万无线高清 64GB TF卡语音对讲 只能连接 手机收到收到啊</p>
						</li>
						<li>
							<div class="show1">
								<a href=""><img src="img/show7.jpg"/></a>
							</div>
							<h4>S6202Y-WR</h4>
							<p>100万无线高清 64GB TF卡语音对讲 只能连接 手机收到收到啊</p>
						</li>
						<li>
							<div class="show1">
								<a href=""><img src="img/show8.jpg"/></a>
							</div>
							<h4>S6202Y-WR</h4>
							<p>100万无线高清 64GB TF卡语音对讲 只能连接 手机收到收到啊</p>
						</li>
						<li>
							<div class="show1">
								<a href=""><img src="img/show9.jpg"/></a>
							</div>
							<h4>S6202Y-WR</h4>
							<p>100万无线高清 64GB TF卡语音对讲 只能连接 手机收到收到啊</p>
						</li>
					</ul>
				</div>
			</div>
			
			<!--分页-->
			<div class="fenye clearfix">
				
				<ul>
					<li><a href="">上一页</a></li>
					<li>1</li>
					<li><a href="">2</a></li>
					<li><a href="">3</a></li>
					<li><a href="">4</a></li>
					<li><a href="">5</a></li>
					<li><a href="">6</a></li>
					<li><a href="">下一页</a></li>
				</ul>
				
			</div>
			
			
			</div>
			
			
			
			
			
			<footer>
				<div class="guanzhuus">
					<span class="guanzhu">关注我们：</span>
					<div class="boqq">
						<a href=""><img src="img/boqqicon.png" alt="" /></a>
					</div>
					<div class="weixinicon">
						<a href=""><img src="img/weixinicon.png" alt="" /></a>
					</div>
				</div>
				<div class="daohang clearfix">
					<ul>
						<li><a href="">网站首页</a></li>
						<li type="disc"><a href="">新闻动态</a></li>
						<li type="disc"><a href="">关于我们</a></li>
						<li type="disc"><a href="">团队风采</a></li>
						<li type="disc"><a href="">联系我们</a></li>
						<li type="disc"><a href="">在线留言</a></li>
					</ul>
				</div>
				
				<div class="banquanarea">
					<div class="banquanxinxi">
						<p>&copy;2015 TK科技有限公司  版权所有泸ICP证13022560号-7 All Rights Reserved</p>
					</div>
				</div>
				
			</footer>
			</div>
		
	</body>
</html>
